*{
	/* 以border-box 计算宽度 */
	box-sizing: border-box;
}

body {

	font-size: 14px;
	line-height: 1.7;
	background-color: #4e4d4f;

	/* 字体颜色 */
	color: #333333;

	border-radius: 2px;
}


p {
	line-height: 1.4;
}

a.logo {
	line-height: 1;
}

a {
	text-decoration: none;
}

a,
body {
	color: #EEEEEE;
}

.side-bar {
	float: left;
	width: 20%;

	position: fixed;
	top: 0;
	left: 0;


	/* background-color: #FFFFFF; */
}


.side-bar>* {

	padding: 10px 15px;
}


.side-bar .nav,
.side-bar .tag-list {
	border-radius: 3px;
	background-color: #FFFFFF;
	border-bottom: 1px solid black;
	margin: 40px 5px 40px 5px;
}

.side-bar .header {
	color: #000000;
	margin: 0px 5px 10px 5px;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 1.0);
}

.side-bar .header .logo {
	/* padding: 20px 20px 30px 10px; */

	font-weight: 600;
	color: #333333;
	display: block;
	font-size: 30px;
	
	margin: 5px auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #e3e2e9;
	text-align:center
}


.header .intro {
	padding: 10px 0;
	line-height: 1.7;

}


.side-bar .nav a,
.side-bar .tag-list a {
	/* 设置为 block 可以独占一行 */
	display: block;
	padding: 7px;
	color: #888;
}





/* 添加过渡 导航栏  颜色，以及字体大小 */
.side-bar .nav a {

	-webkit-transition: color 400ms;
	-moz-transition: color 400ms;
	-ms-transition: color 400ms;
	-o-transition: color 400ms;
	transition: color 400ms;


	-webkit-transition: font-size 400ms;
	-moz-transition: font-size 400ms;
	-ms-transition: font-size 400ms;
	-o-transition: font-size 400ms;
	transition: font-size 400ms;


}


.side-bar .tag-list a {
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-ms-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;

}



/* /* 只变字体 size ，color */
.side-bar .nav a:hover {
	color: #fc5f1d;
	font-size: 20px;
}


/* 只变字体 */
.side-bar .header .logo:hover,
.side-bar .tag-list a:hover {
	/* color: white; */
	color: #fc5f1d;
}


.side-bar .nav a {
	font-weight: 900;
}





.main {
	float: right;
	width: 80%;


	/* 文字颜色 */
	/* color: #454545; */
	color: #555666;
}


.article-list,
.article {
	/* 背景色 */
	background-color: #FFFFFF;
	margin-right: 30%;
	padding: 20px 30px;
	border-radius: 3px;

	-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, .3);
}


.article-list .item {
	margin-bottom: 30px;
}


.article-list .item .title,
.article .title {
	color: #555666;
	font-weight: 500;
	font-size: 20px;
	/* margin: 10px 0px; */
}

.article-list .item .title:hover {
	color: #fc5f1d;
}

.article-list .item .content {
	line-height: 1.4;

}


/* .article-list .item div.content:first-letter {

	font-size: 30px;

} */


.article-list .item>*,
.article>* {
	margin: 10px 0;

}


.article-list .item .status,
.article .status {
	font-size: 10px;
	color: gray;
	/* margin: 10px 0px; */
}
